<html>
<head>
  <title>Poptastic</title>
  <link href="/static/html5_video_voting/stylesheets/app.css" media="screen" rel="stylesheet" type="text/css">
  <script src="/static/html5_video_voting/javascripts/jquery.js" type="text/javascript"></script>
<script src="/static/html5_video_voting/javascripts/jquery-ui.js" type="text/javascript"></script>
<script src="/static/html5_video_voting/javascripts/raphaeljs/raphael.js" type="text/javascript"></script>
<script src="/static/html5_video_voting/javascripts/raphaeljs/g.raphael.js" type="text/javascript"></script>
<script src="/static/html5_video_voting/javascripts/raphaeljs/bar.raphael.js" type="text/javascript"></script>
<script src="/static/html5_video_voting/javascripts/application.js" type="text/javascript"></script>
<style>
	body {margin: 0;padding: 0;overflow: hidden;}
</style>
</head>
<body>
<div id="poptastic">
	<video id="3" class="video" data-ip="f528764d624db129b32c21fbca0cb8d6" data-keycode="32" data-bars="83" width="600" height="340">
			<source src="http://d2eqihff6q1o5w.cloudfront.net/soundpony_scale.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
            <source src="http://d2eqihff6q1o5w.cloudfront.net/soundpony_scale.webm" type='video/webm; codecs="vp8, vorbis"'>			
            <source src="http://d2eqihff6q1o5w.cloudfront.net/soundpony_scale.theora.ogv" type='video/ogg; codecs="theora, vorbis"'>
			
		</video>
	<div id="controls">
		<a href="#pause" id="play">Play</a>
		<div id="bar-wrapper-container">
		<div id="bar-wrapper">
			<div id="bar"></div>
			<div id="buffer"></div>
			<a href="#" id="paddle" class="ui-draggable"></a>
		</div>
		</div>
		<a href="#vol" id="volume"><span></span></a>
	</div>
	<div id="chart"></div>
</div>
<div id="error">You must be logged in to vote!</div>
</body>
</html>
